<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>payResult</title>
</head>
<style>
    .pop-box {
        position: fixed;
        top: 50%;
        left: 50%;
        max-height: 80%;
        width: 500px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-box-shadow: -2px 0 5px #b8b8b8, 0 0 0 #b8b8b8, 0 2px 5px #b8b8b8, 2px 0 5px #b8b8b8;
        box-shadow: -2px 0 5px #b8b8b8, 0 0 0 #b8b8b8, 0 2px 5px #b8b8b8, 2px 0 5px #b8b8b8;
        overflow: hidden;
        z-index: 10;
    }
    
    .pop-box .pop-title {
        position: relative;
        padding: 12px 0;
        font-size: 16px;
        background-color: #f5f5f5;
        text-align: center;
    }
    
    .pop-box .pop-content {
        max-height: 300px;
        padding: 30px 50px;
        font-size: 14px;
        background-color: rgb(255, 255, 255);
        overflow: auto;
        text-align: center;
    }
    
    .ptb40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .tab-btn {
        display: block;
        width: 100%;
        padding: 10px 0;
        font-size: 16px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        color: #fff;
        background-color: #333;
        cursor: pointer;
    }
</style>

<body>
    <div class="pop-box">
        <div class="pop-title"><span class="flex">PAY RESULT</span>
            <!---->
        </div>
        <div class="pop-content">
            <div class="ptb40">
                <img src=""
                    alt="" class="mb20">
                <p class="f18">支付成功</p>
            </div>
            <a href="http://www.cicisisi.com/#/home/order">
                <button class="tab-btn mt20 mb40">我的订单</button>
            </a>
        </div>
    </div>
</body>

</html>